import { createRouter, createWebHistory } from 'vue-router'
const flowChartPage1 = () => import('@/views/flowChart/page1/index.vue');
const flowChartPage2 = () => import('@/views/flowChart/page2/index.vue');
const flowChartPage3 = () => import('@/views/flowChart/page3/index.vue');
const flowChartPage4 = () => import('@/views/flowChart/Page4/index.vue');
const baseStep_01 = () => import('@/views/base/step_01.vue');
const baseStep_02 = () => import('@/views/base/step_02.vue');
const baseStep_03 = () => import('@/views/base/step_03.vue');
const baseStep_04 = () => import('@/views/base/step_04.vue');
const baseStep_05 = () => import('@/views/base/step_05.vue');
const baseStep_06 = () => import('@/views/base/step_06.vue');
const baseStep_07 = () => import('@/views/base/step_07.vue');
const baseStep_08 = () => import('@/views/base/step_08.vue');
const baseStep_09 = () => import('@/views/base/step_09.vue');
const baseStep_10 = () => import('@/views/base/step_10.vue');
const baseStep_11 = () => import('@/views/base/step_11.vue');

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'Page1',
      component: flowChartPage1
    },
    {
      path: '/flowChart',
      name: 'flowChart',
      children: [
        {
          path: 'page1',
          name: 'page1',
          component: flowChartPage1
        },
        {
          path:'page2',
          name: 'page2',
          component: flowChartPage2
        },
        {
          path:'page3',
          name: 'page3',
          component: flowChartPage3
        },
        {
          path:'page4',
          name: 'page4',
          component: flowChartPage4
        }
      ]
    },
    {
      path: '/base',
      children: [
        {
          path: 'step_01',
          name: 'step_01',
          component: baseStep_01
        },
        {
          path: 'step_02',
          name: 'step_02',
          component: baseStep_02
        },
        {
          path: 'step_03',
          name: 'step_03',
          component: baseStep_03
        },
        {
          path: 'step_04',
          name: 'step_04',
          component: baseStep_04
        },
        {
          path: 'step_05',
          name: 'step_05',
          component: baseStep_05
        },
        {
          path: 'step_06',
          name: 'step_06',
          component: baseStep_06
        },
        {
          path: 'step_07',
          name: 'step_07',
          component: baseStep_07
        },
        {
          path: 'step_08',
          name: 'step_08',
          component: baseStep_08
        },
        {
          path: 'step_09',
          name: 'step_09',
          component: baseStep_09
        },
        {
          path: 'step_10',
          name: 'step_10',
          component: baseStep_10
        },
        {
          path: 'step_11',
          name: 'step_11',
          component: baseStep_11
        },

      ]
    },
  ]
})

export default router
